.search_form {
    /* position: relative; */
    top:0;
    width: 8rem;
    display: flex;
    height: 0.6rem /* 135/108 */;
    padding: .1944rem/* 21/108 */
    .3889rem/* 42/108 */
    .1944rem/* 21/108 */
    /* 36/108 */
    ;
    z-index: 3;
    
}

.search_form .search-input_page {
    position: relative;
    height: 0.8rem;
    width: 9.0944rem/* 885/108 */
    ;
    background-color: #fff;
    border-radius: 30px;
}

.search_form .search-input_page .search-place {
    position: absolute;
    width: 8.1944rem/* 885/108 */
    ;
    height: .4167rem/* 45/108 */
    ;
    padding: .2685rem/* 29/108 */
    ;
    display: flex;
    line-height: .4167rem;
}

.search_form .search-input_page .search-place .search-img {
    width: 0.3703rem;
    height: 0.3703rem;
}

.search_form .search-input_page input {
    border: none;
}

.search_form .search-jiahao {
    width: .7315rem/* 79/108 */
    ;
    height: .7315rem/* 79/108 */
    ;
    margin-left: .3889rem/* 42/108 */
    ;
    margin-top: .1204rem/* 13/108 */
    ;
}
.body{
    margin: 0;
    padding: 0;
}
.search_result{
    
    height: 4.5rem;
    width: 9rem;
    position: absolute;
    top: 2.3rem;
    
}
.search-img_result{
    width: 0.5rem;
    height: 0.5rem;

}
.searchResult_song{
   width: 10rem;
   height: 0.8rem;
    
    display: flex;
    background-color: #fff;
}
.search_result_songName{
    margin-left: 0.35rem;
    font-size: 0.36rem;
    font-weight: lighter;
}
.cancel{
    font-weight: bolder;
    position: absolute;
    right: -0.5rem;
    margin-bottom: 0.2rem;
    font-size: 0.45rem;
}
#search_keyword{
    width: 6rem;
}
.search_hot{
    /* background-color: red; */
    width: 8rem;
    height: 12rem;
    position: fixed;
    bottom: 0;
   
    left: 1rem;
    border-radius: 0.2rem;
    overflow: scroll;
    background-color: #fff;
   
    
}
.search_hot_title{
    font-weight: bold;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}
.search_hot_result{
    display: flex;
}
.search_hot_serial{
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    margin-left: 0.6rem;
    margin-right: 0.5rem;
    font-size: 0.5rem;
    font-weight: bolder;
    color: #8c8c8c;
}
.search_hot_name{
    margin-top: 0.2888rem;
    margin-bottom: 0.2rem;
    width: 5.5rem;
    font-size: 0.38888rem;
}
.search_hot_pic_img{
    width: 0.5rem;
    height: 0.5rem;
}
.search_hot_pic{
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    margin-left: 0.3rem;
}
.search_hot_body{
    width: 8rem;
    height: 20rem;
}
.active_hotSearch{
    color: #ed706b;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    margin-left: 0.6rem;
    margin-right: 0.5rem;
    font-size: 0.5rem;
    font-weight: bolder;
}
.search_singer{
    width: 100vw;
    height: 1.2rem;
    background-color: #fff;
    display: flex;
    border-bottom: 1px solid #e9e7e7;
}
.search_singer_pic{
    width: 1rem;
    height: 1rem;
    border-radius: 90px;
}
.search_singer_url{
    width: 1rem;
    height: 1rem;
    border-radius: 90px;
}
.search_singer_name{
    width: 4rem;
    height: 1.2rem;
    margin-top: 0.2rem;
    font-weight: bold;
    font-size: 0.388rem;
    text-align:center;
    
}
.loading_pic{
    width:1rem;
    height: 1rem;
    border-radius: 90px;
}